<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/shopIndex/jquery.fancybox.css">
    <link rel="stylesheet" href="css/shopIndex/animate.min.css">
    <link rel="stylesheet" href="css/shopIndex/swatch.css">
    <link rel="stylesheet" href="css/shopIndex/owl.carousel.min.css">
    <link rel="stylesheet" href="css/shopIndex/flexslider.css">
    <link rel="stylesheet" href="css/shopIndex/timber.scss.css">
    <link rel="stylesheet" href="css/shopIndex/home_market.global.scss.css">
    <link rel="stylesheet" href="css/shopIndex/home_market.style.scss.css">
    <link rel="stylesheet" href="css/shopIndex/style.css">
    <link rel="stylesheet" href="css/shopIndex/mod.css">
    <link rel="stylesheet" href="css/shopIndex/media_index.css">

    <script src="js/shopIndex/jquery.min.js" type="text/javascript"></script>
    <script src="js/shopIndex/jquery.fancybox.min.js" type="text/javascript"></script>
    <script src="js/shopIndex/owl.carousel.min.js" type="text/javascript"></script>
    <script src="js/shopIndex/jquery.tweet.min.js" type="text/javascript"></script>
    <script src="js/shopIndex/jquery.optionSelect.js" type="text/javascript"></script>
    <script src="js/shopIndex/jquery.flexslider-min.js" type="text/javascript"></script>

    <title>新世界商品试用首页</title>

    <style type="text/css">
        .flexslider .owl-theme .owl-controls {
            margin-top: -25px;
            position: relative;
        }
        .flexslider .owl-theme .owl-controls span{
            background: #e63737;
        }
        #top-home-blocks .shop-by-collections .sidebar-collections .sdcollections-content .sdc-element{
            padding: 12px 15px 11px 40px;
        }
        .row{
            margin-left: 0px;
            margin-right: 0px;
        }
        .row-shadow{
            box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1);
            border-radius: 4px;
        }
        .row-shadow dt{
            margin-top:20px;
        }
        .row-shadow dd{
            text-align: center;
            padding-top:10px;
        }
        .row-shadow dd.name{
            font-size:14px;
            font-weight: 500;
            color:#333;
        }
        .row-shadow dd.price .price-left{
            text-decoration: line-through;
            color: #666666;
            font-size: 20px;
            float: left;
            line-height: 26px;
            padding-left:15px;
        }
        .row-shadow dd.price .price-right{
            float: right;
            font-size: 12px;
            color: #666666;
            line-height: 26px;
            padding-right:15px;
        }
        .row-shadow dd.desc{
            clear:both;
        }
        .row-shadow dd.desc .btn-desc{
            text-align: center;
            display: block;
            width: 90%;
            line-height: 26px;
            height: 26px;
            font-size: 14px;
            color: #ff4285;
            border: 1px solid #ff4285;
            border-radius: 4px;
            margin:0 auto;
            cursor: pointer;
        }
        .row-shadow dd.desc .btn-desc:hover{
            border: none;
            background: #ff4285;
            color:#fff;
        }
        .top-title{
            height: 50px;
            line-height:50px;
            border-bottom: 2px solid red;
            clear: both;
            margin-bottom: 20px;
        }
        .top-title a{
            font-size: 18px;
        }
        @media screen and (max-width: 1110px){
            .m-box.line2 .span4 {
                display: none;
            }
            .m-box.line2 .span16 {
                width: 100%;
            }
        }
        @media screen and (max-width: 1150px){
            #top-home-blocks .shop-by-collections .sidebar-collections .sdcollections-content .sdc-element{
                padding: 9px 15px 8px 40px;
            }
        }
        @media screen and (max-width: 720px) {
            .m-box .m-cols.m-col-4 .col:nth-child(3n) {
                display: none;
            }
            .m-box .m-cols.m-col-4 .col:nth-child(4n) {
                display: none;
            }
        }
    </style>

</head>
<body style="overflow-x: hidden">
<!--  响应式左侧树形导航  -->
<div id="NavDrawer" class="drawer drawer--left">
    <div class="drawer__header">
        <div class="drawer__title h3">
            导航菜单
        </div>
        <div class="drawer__close js-drawer-close">
            <button type="button" class="icon-fallback-text">
                <span class="icon icon-x" aria-hidden="true"></span>
                <span class="fallback-text">关闭</span>
            </button>
        </div>
    </div>
    <!-- begin mobile-nav -->
    <ul class="mobile-nav">
        <li class="mobile-nav__item mobile-nav__item--active">
            <a href="#" class="mobile-nav__link">首页</a>
        </li>
        <li class="mobile-nav__item" aria-haspopup="true">
            <div class="mobile-nav__has-sublist">
                <a href="#" class="mobile-nav__link">热门试用分类</a>
                <div class="mobile-nav__toggle">
                    <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
                        <span class="icon icon-plus" aria-hidden="true"></span>
                        <span class="fallback-text">加载更多</span>
                    </button>
                    <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
                        <span class="icon icon-minus" aria-hidden="true"></span>
                        <span class="fallback-text">取消加载</span>
                    </button>
                </div>
            </div>
            <ul class="mobile-nav__sublist">
                <li class="mobile-nav__item ">
                    <a href="#" class="mobile-nav__link">流行女装</a>
                </li>
                <li class="mobile-nav__item ">
                    <a href="#" class="mobile-nav__link">精品男装</a>
                </li>
                <li class="mobile-nav__item ">
                    <a href="#" class="mobile-nav__link">鞋子箱包</a>
                </li>
                <li class="mobile-nav__item ">
                    <a href="#" class="mobile-nav__link">时尚配置</a>
                </li>
                <li class="mobile-nav__item ">
                    <a href="#" class="mobile-nav__link">美食特产</a>
                </li>
                <li class="mobile-nav__item ">
                    <a href="#" class="mobile-nav__link">数码家电</a>
                </li>
                <li class="mobile-nav__item ">
                    <a href="#" class="mobile-nav__link">家居日用</a>
                </li>
                <li class="mobile-nav__item ">
                    <a href="#" class="mobile-nav__link">美容护肤</a>
                </li>
                <li class="mobile-nav__item ">
                    <a href="#" class="mobile-nav__link">母婴儿童</a>
                </li>
                <li class="mobile-nav__item ">
                    <a href="#" class="mobile-nav__link">综合试用</a>
                </li>
            </ul>
        </li>
        <li class="mobile-nav__item">
            <a href="#" class="mobile-nav__link">超级试用</a>
        </li>
        <li class="mobile-nav__item">
            <a href="blog.html" class="mobile-nav__link">折扣试用</a>
        </li>
        <li class="mobile-nav__item">
            <a href="lookbook.html" class="mobile-nav__link">金币兑换</a>
        </li>
        <!-- Customer links -->
        <li class="mobile-nav__item">
            <a href="login.html" id="customer_login_link">新人专享</a>
        </li>
        <li class="mobile-nav__item">
            <a href="register.html" id="customer_register_link">这买买</a>
        </li>
    </ul>
</div>

<!--  响应式右侧购物车导航 -->
<div id="CartDrawer" class="drawer drawer--right fancybox-margin">
    <div class="drawer__header">
        <div class="drawer__title h3">
            购物车
        </div>
        <div class="drawer__close js-drawer-close">
            <button type="button" class="icon-fallback-text">
                <span class="icon icon-x" aria-hidden="true"></span>
                <span class="fallback-text">关闭购物车</span>
            </button>
        </div>
    </div>
    <div id="CartContainer">
        <form action="./cart.html" method="post" novalidate="" class="cart ajaxcart">
            <div class="ajaxcart__inner">
                <div class="ajaxcart__product">
                    <div class="ajaxcart__row" data-line="1">
                        <div class="grid">
                            <div class="grid__item one-quarter">
                                <a href="product.html" class="ajaxcart__product-image"><img src="image/shopIndex/demo1_cart1.jpg" alt=""></a>
                            </div>
                            <div class="grid__item three-quarters">
                                <p>
                                    <a href="#" class="ajaxcart__product-name">运动鞋</a>
                                    <span class="ajaxcart__product-meta">S / 红色</span>
                                </p>
                                <div class="grid--full display-table">
                                    <div class="grid__item">
                                        <div class="ajaxcart__qty">
                                            <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text" data-id="8772444163" data-qty="0" data-line="1">
                                                <span class="icon icon-minus" aria-hidden="true"></span>
                                                <span class="fallback-text">−</span>
                                            </button>
                                            <input type="text" name="updates[]" class="ajaxcart__qty-num" value="1" min="0" data-id="8772444163" data-line="1" aria-label="quantity" pattern="[0-9]*">
                                            <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text" data-id="8772444163" data-line="1" data-qty="2">
                                                <span class="icon icon-plus" aria-hidden="true"></span>
                                                <span class="fallback-text">+</span>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="grid__item">
                                        <span class="money" data-currency-usd="￥34.00" data-currency="￥">34.00 元</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ajaxcart__product">
                    <div class="ajaxcart__row" data-line="2">
                        <div class="grid">
                            <div class="grid__item one-quarter">
                                <a href="product.html" class="ajaxcart__product-image"><img src="image/shopIndex/demo1_cart2.jpg" alt=""></a>
                            </div>
                            <div class="grid__item three-quarters">
                                <p>
                                    <a href="#" class="ajaxcart__product-name">iphone 6s</a>
                                    <span class="ajaxcart__product-meta">Medium / 银色</span>
                                </p>
                                <div class="grid--full display-table">
                                    <div class="grid__item">
                                        <div class="ajaxcart__qty">
                                            <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text" data-id="10722484483" data-qty="0" data-line="2">
                                                <span class="icon icon-minus" aria-hidden="true"></span>
                                                <span class="fallback-text">−</span>
                                            </button>
                                            <input type="text" name="updates[]" class="ajaxcart__qty-num" value="1" min="0" data-id="10722484483" data-line="2" aria-label="quantity" pattern="[0-9]*">
                                            <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text" data-id="10722484483" data-line="2" data-qty="2">
                                                <span class="icon icon-plus" aria-hidden="true"></span>
                                                <span class="fallback-text">+</span>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="grid__item">
                                        <span class="money" data-currency-usd="￥5000.00" data-currency="￥">5000.00 元</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ajaxcart__product">
                    <div class="ajaxcart__row" data-line="3">
                        <div class="grid">
                            <div class="grid__item one-quarter">
                                <a href="#" class="ajaxcart__product-image"><img src="image/shopIndex/demo1_cart3.jpg" alt=""></a>
                            </div>
                            <div class="grid__item three-quarters">
                                <p>
                                    <a href="#" class="ajaxcart__product-name">女士眼霜</a>
                                    <span class="ajaxcart__product-meta">XS / 黑色</span>
                                </p>
                                <div class="grid--full display-table">
                                    <div class="grid__item">
                                        <div class="ajaxcart__qty">
                                            <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text" data-id="8772462979" data-qty="0" data-line="3">
                                                <span class="icon icon-minus" aria-hidden="true"></span>
                                                <span class="fallback-text">−</span>
                                            </button>
                                            <input type="text" name="updates[]" class="ajaxcart__qty-num" value="1" min="0" data-id="8772462979" data-line="3" aria-label="quantity" pattern="[0-9]*">
                                            <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text" data-id="8772462979" data-line="3" data-qty="2">
                                                <span class="icon icon-plus" aria-hidden="true"></span>
                                                <span class="fallback-text">+</span>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="grid__item">
                                        <span class="money" data-currency-usd="￥89.00 " data-currency="￥">89.00 元</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <label for="CartSpecialInstructions">购物车备注</label>
                    <textarea name="note" class="input-full" id="CartSpecialInstructions"></textarea>
                </div>
            </div>
            <div class="ajaxcart__footer">
                <div class="grid--full">
                    <div class="grid__item title-total">
                        <p>
                            总计
                        </p>
                    </div>
                    <div class="grid__item price-total">
                        <p>
                            <span class="money" data-currency-usd="￥5123.00" data-currency="￥">5123.00 元</span>
                        </p>
                    </div>
                </div>
                <p class="text-center">
                    &nbsp;
                </p>
                <button type="button" class="btn btn--full cart__shoppingcart" name="shoppingCart" onclick="location.href='./cart.html'">
                    继续购物 → </button>
                <button type="submit" class="btn btn2 btn--full cart__checkout" name="checkout">
                    去结算 → </button>
            </div>
        </form>
    </div>
</div>


<!--  顶部图片导航 -->
<div id="adv-banner">
    <div id="ads-banner" class="grid--full grid--table">
        <div class="ads-banner-slider owl-carousel">
            <div class="ads-item">
                <img src="image/shopIndex/ads1.png" alt="ads banner 1">
            </div>
            <div class="ads-item">
                <img src="image/shopIndex/ads2.png" alt="ads banner 2">
            </div>
            <div class="ads-item">
                <img src="image/shopIndex/ads3.png" alt="ads banner 3">
            </div>
        </div>
    </div>
</div>

<!-- 顶部站点导航栏 -->
<div id="top-header" class="grid--full grid--table">
    <div class="wrapper">
        <div id="topother-header" class="grid--full grid--table">
            <div class="grid__item one-half top-header-left" style="width:60%;">
                新试界-值得信赖的免费试用网站!
            </div>
            <div class="grid__item one-half top-header-right" style="margin-top:-3px;width:40%;">
                <div class="currency-picker">
                    <a href="#">
                        <i class="fa fa-sign-in"></i>
                        <span>试客登录</span>
                    </a>
                    <a href="#">
                        <i class="fa fa-paper-plane"></i>
                        <span>试客注册</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- 顶部logo及搜索 -->
<header class="site-header">
    <div class="wrapper">
        <div id="main-header" class="grid--full grid--table">
            <div class="grid__item small--one-whole medium--one-whole two-eighths">
                <h1 class="site-header__logo large--left">
                    <a href="#" itemprop="url" class="site-header__logo-link">
                        <img src="image/shopIndex/logo.png" alt="新试界-值得信赖的免费试用网站" itemprop="logo" width="195" height="56">
                    </a>
                </h1>
            </div>
            <div class="grid__item small--one-whole medium--one-whole four-eighths mobile-bottom">
                <div class="large--hide medium-down--show navigation-icon">
                    <div class="grid">
                        <div class="grid__item one-half">
                            <div class="site-nav--mobile">
                                <button type="button" class="icon-fallback-text site-nav__link js-drawer-open-left" aria-controls="NavDrawer" aria-expanded="false">
                                    <span class="icon icon-hamburger" aria-hidden="true"></span>
                                    <span class="fallback-text">Menu</span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="site-header__search">
                    <form action="" method="get" class="input-group search-bar">
                        <div class="collections-selector">
                            <select class="single-option-selector" data-option="collection-option" id="collection-option" name="collection" style="outline: none;">
                                <option value="all">超级试用</option>
                                <option value="beauty-health">折扣试用</option>
                            </select>
                            <i class="fa fa-caret-down cartDown"></i>
                        </div>
                        <input type="hidden" name="type" value="product">
                        <input type="search" name="q" value="" placeholder="搜索试用品" class="input-group-field st-default-search-input" aria-label="Search our store" style="outline: none;">
                        <span class="input-group-btn">
								<button type="submit" class="btn icon-fallback-text">
								<i class="fa fa-search"></i>
								<span class="fallback-text">Search</span>
									</button>
									</span>
                    </form>
                </div>
                <div class="large--hide medium-down--show navigation-cart">
                    <div class="grid__item text-right">
                        <div class="site-nav--mobile">
                            <a href="cart.html" class="js-drawer-open-right site-nav__link" aria-controls="CartDrawer" aria-expanded="false">
											<span class="icon-fallback-text">
									<span class="icon icon-cart" aria-hidden="true"></span>
											<span class="fallback-text">Shopping Cart</span>
											</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="grid__item small--one-whole two-eighths medium-down--hide">
                <ul class="link-list">
                    <li class="track-order">
                        <a href="#">
                            <i class="fa fa-map-marker"></i>
                            <span class="name">商家报名入口</span>
                        </a>
                    </li>

                    <li class="header-cart">
                        <a href="cart.html" class="site-header__cart-toggle js-drawer-open-right" aria-controls="CartDrawer" aria-expanded="false">
                            <i class="fa fa-shopping-basket"></i>
                            <span id="CartCount">3</span>
                            <span class="name">我的购物车</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</header>


<!-- 顶部导航栏 -->
<nav class="nav-bar">
    <div class="wrapper">
        <div class="medium-down--hide">
            <!-- begin site-nav -->
            <ul class="site-nav" id="AccessibleNav">
                <li class="site-nav--active">
                    <a href="index.html" class="site-nav__link">
                        <span>首页</span>
                    </a>
                </li>
                <li>
                    <a href="#" class="site-nav__link">
                        <span>超级试用</span>
                    </a>
                </li>
                <li>
                    <a href="#" class="site-nav__link">
                        <span>折扣试用</span>
                    </a>
                </li>
                <li>
                    <a href="#" class="site-nav__link">
                        <span>金币兑换</span>
                    </a>
                </li>
                <li>
                    <a href="#" class="site-nav__link">
                        <span>新人专享</span>
                    </a>
                </li>
                <li>
                    <a href="#" class="site-nav__link">
                        <span>折买买</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</nav>


<!-- 图片轮播及左侧导航、商品展示区 -->
<main class="main-content">
    <div class="wrapper">
        <div id="top-home-blocks" class="grid--full grid--table">
            <!--  左侧导航目录树begin  -->
            <div class="grid__item one-quarter shop-by-collections medium-down--hide">
                <div class="sidebar-collections">
                    <div class="sdcollections-title sb-title">
                        <i class="fa fa-list"></i>
                        <span>热门试用分类</span>
                    </div>
                    <div class="sdcollections-content">
                        <ul class="sdcollections-list">
                            <li class="sdc-element vetical-menu1 site-nav--has-dropdown" aria-haspopup="true">
                                <a href="#" class="site-nav__link">
                                    <div class="element-main">
                                        <div class="collection-icon">
                                            <img src="image/shopIndex/nvzhuang.png" alt="流行女装" width="20" height="20">
                                        </div>
                                        <div class="collection-area have-icons">
                                            <div class="collection-name">
                                                流行女装
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="sdc-element vetical-menu2 site-nav--has-dropdown" aria-haspopup="true">
                                <a href="#" class="site-nav__link">
                                    <div class="element-main">
                                        <div class="collection-icon">
                                            <img src="image/shopIndex/nanzhuang.png" alt="精品男装" width="20" height="20">
                                        </div>
                                        <div class="collection-area have-icons">
                                            <div class="collection-name">
                                                精品男装
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="sdc-element">
                                <a href="#">
                                    <div class="element-main">
                                        <div class="collection-icon">
                                            <img src="image/shopIndex/xiebao.png" alt="鞋子箱包" width="20" height="20">
                                        </div>
                                        <div class="collection-area have-icons">
                                            <div class="collection-name">
                                                鞋子箱包
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="sdc-element">
                                <a href="#">
                                    <div class="element-main">
                                        <div class="collection-icon">
                                            <img src="image/shopIndex/peishi.png" alt="时尚配置" width="20" height="20">
                                        </div>
                                        <div class="collection-area have-icons">
                                            <div class="collection-name">
                                                时尚配置
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="sdc-element vetical-menu3 site-nav--has-dropdown" aria-haspopup="true">
                                <a href="#" class="site-nav__link">
                                    <div class="element-main">
                                        <div class="collection-icon">
                                            <img src="image/shopIndex/homelife.png" alt="美食特产" width="20" height="20">
                                        </div>
                                        <div class="collection-area have-icons">
                                            <div class="collection-name">
                                                美食特产
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="sdc-element">
                                <a href="#">
                                    <div class="element-main">
                                        <div class="collection-icon">
                                            <img src="image/shopIndex/camera.png" alt="数码家电" width="20" height="20">
                                        </div>
                                        <div class="collection-area have-icons">
                                            <div class="collection-name">
                                                数码家电
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="sdc-element">
                                <a href="#">
                                    <div class="element-main">
                                        <div class="collection-icon">
                                            <img src="image/shopIndex/clothing.png" alt="家居日用" width="20" height="20">
                                        </div>
                                        <div class="collection-area have-icons">
                                            <div class="collection-name">
                                                家居日用
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="sdc-element">
                                <a href="#">
                                    <div class="element-main">
                                        <div class="collection-icon">
                                            <img src="image/shopIndex/meizhuang.png" alt="美容护肤" width="20" height="20">
                                        </div>
                                        <div class="collection-area have-icons">
                                            <div class="collection-name">
                                                美容护肤
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="sdc-element">
                                <a href="#">
                                    <div class="element-main">
                                        <div class="collection-icon">
                                            <img src="image/shopIndex/sport.png" alt="母婴儿童" width="20" height="20">
                                        </div>
                                        <div class="collection-area have-icons">
                                            <div class="collection-name">
                                                母婴儿童
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="sdc-element">
                                <a href="#">
                                    <div class="element-main">
                                        <div class="collection-icon">
                                            <img src="image/shopIndex/stationery.png" alt="综合试用" width="20" height="20">
                                        </div>
                                        <div class="collection-area have-icons">
                                            <div class="collection-name">
                                                综合试用
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--  左侧导航目录树end  -->

            <!--  右侧轮播图begin  -->
            <div class="grid__item small--one-whole medium--one-whole three-quarters main-slideshow">
                <div class="main_slideshow_wrapper">
                    <div id="slider" class="flexslider">
                        <ul class="home-gallery-slider slides">
                            <li>
                                <img src="image/shopIndex/banner1.jpg" alt=""/>
                            </li>
                            <li>
                                <img src="image/shopIndex/banner2.jpg" alt=""/>
                            </li>
                            <li>
                                <img src="image/shopIndex/banner3.jpg" alt=""/>
                            </li>
                            <li>
                                <img src="image/shopIndex/banner4.jpg" alt=""/>
                            </li>
                            <li>
                                <img src="image/shopIndex/banner5.jpg" alt=""/>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--  右侧轮播图end  -->


            <!-- 商品展示区 -->
            <!-- 精品女装 -->
            <div class="row">
                <div class="top-title">
                    <img class="collection-icon" src="image/shopIndex/nvzhuang.png" width="30" height="30">
                    <a href="#">精品女装</a>
                </div>
                <section class="m-box line2">
                    <div class="span4">
                        <div class="row main-pic">
                            <img src="image/shopIndex/ca1.jpg">
                        </div>
                    </div>
                    <div class="span16">
                        <ul class="m-cols m-col-4">
                            <li class="col">
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/nz1.jpg"></dt>
                                        <dd class="name">精美羊绒衫</dd>

                                        <dd class="price">
                                            <div class="price-left">￥78</div>
                                            <div class="price-right">501人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/nz2.jpg"></dt>
                                        <dd class="name">修身保暖女裤加绒加厚</dd>

                                        <dd class="price">
                                            <div class="price-left">￥208</div>
                                            <div class="price-right">362人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                            </li>
                            <li class="col">
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/nz3.jpg"></dt>
                                        <dd class="name">保暖内衣情侣套装</dd>

                                        <dd class="price">
                                            <div class="price-left">￥179</div>
                                            <div class="price-right">229人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/nz4.jpg"></dt>
                                        <dd class="name">宽松阔腿裤女新款秋冬</dd>

                                        <dd class="price">
                                            <div class="price-left">￥98</div>
                                            <div class="price-right">835人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                            </li>
                            <li class="col">
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/nz5.jpg"></dt>
                                        <dd class="name">加绒女牛仔小脚裤2018秋</dd>

                                        <dd class="price">
                                            <div class="price-left">￥39</div>
                                            <div class="price-right">161人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/nz8.jpg"></dt>
                                        <dd class="name">毛衣连衣裙</dd>

                                        <dd class="price">
                                            <div class="price-left">￥80</div>
                                            <div class="price-right">366人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                            </li>
                            <li class="col">
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/nz6.jpg"></dt>
                                        <dd class="name">百搭打底针织毛衣女</dd>

                                        <dd class="price">
                                            <div class="price-left">￥39</div>
                                            <div class="price-right">632人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/nz7.png"></dt>
                                        <dd class="name">秋冬女时尚套头毛衣</dd>

                                        <dd class="price">
                                            <div class="price-left">￥47</div>
                                            <div class="price-right">269人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                            </li>
                        </ul>
                    </div>
                </section>
            </div>

            <!-- 精品男装 -->
            <div class="row">
                <div class="top-title">
                    <img class="collection-icon" src="image/shopIndex/nanzhuang.png" width="30" height="30">
                    <a href="#">精品男装</a>
                </div>
                <section class="m-box line2">
                    <div class="span4">
                        <div class="row main-pic">
                            <img src="image/shopIndex/ca2.jpg">
                        </div>
                    </div>
                    <div class="span16">
                        <ul class="m-cols m-col-4">
                            <li class="col">
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/bz1.jpg"></dt>
                                        <dd class="name">帅哥短款外套</dd>

                                        <dd class="price">
                                            <div class="price-left">￥115</div>
                                            <div class="price-right">321人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/nz1.jpg"></dt>
                                        <dd class="name">卫衣男外套</dd>

                                        <dd class="price">
                                            <div class="price-left">￥53</div>
                                            <div class="price-right">738人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                            </li>
                            <li class="col">
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/bz3.jpg"></dt>
                                        <dd class="name">棉衣外套 男加厚</dd>

                                        <dd class="price">
                                            <div class="price-left">￥96</div>
                                            <div class="price-right">439人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/bz4.jpg"></dt>
                                        <dd class="name">卡宾专柜羽绒服</dd>

                                        <dd class="price">
                                            <div class="price-left">￥192</div>
                                            <div class="price-right">269人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                            </li>
                            <li class="col">
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/bz5.jpg"></dt>
                                        <dd class="name">男士羊绒衫</dd>

                                        <dd class="price">
                                            <div class="price-left">￥280</div>
                                            <div class="price-right">611人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/bz6.jpg"></dt>
                                        <dd class="name">精美羊绒衫</dd>

                                        <dd class="price">
                                            <div class="price-left">￥78</div>
                                            <div class="price-right">501人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                            </li>
                            <li class="col">
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/bz7.jpg"></dt>
                                        <dd class="name">运动秋冬款小v领衫</dd>

                                        <dd class="price">
                                            <div class="price-left">￥178</div>
                                            <div class="price-right">139人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/bz8.jpg"></dt>
                                        <dd class="name">保暖男衣裤加绒加厚</dd>

                                        <dd class="price">
                                            <div class="price-left">￥299</div>
                                            <div class="price-right">385人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                            </li>
                        </ul>
                    </div>
                </section>
            </div>

            <!--  数码家电 -->
            <div class="row">
                <div class="top-title">
                    <img class="collection-icon" src="image/shopIndex/camera.png" width="30" height="30">
                    <a href="#">数码家电</a>
                </div>
                <section class="m-box line2">
                    <div class="span4">
                        <div class="row main-pic">
                            <img src="image/shopIndex/ca3.jpg">
                        </div>
                    </div>
                    <div class="span16">
                        <ul class="m-cols m-col-4">
                            <li class="col">
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/sm1.jpg"></dt>
                                        <dd class="name">淘气狼电煮锅</dd>

                                        <dd class="price">
                                            <div class="price-left">￥20.9</div>
                                            <div class="price-right">123人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/sm2.jpg"></dt>
                                        <dd class="name">送价值156苹果手机壳</dd>

                                        <dd class="price">
                                            <div class="price-left">￥156</div>
                                            <div class="price-right">837人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                            </li>
                            <li class="col">
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/sm3.jpg"></dt>
                                        <dd class="name">APP电脑主机01</dd>

                                        <dd class="price">
                                            <div class="price-left">￥3099</div>
                                            <div class="price-right">421人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/sm4.jpg"></dt>
                                        <dd class="name">苹果数据线</dd>

                                        <dd class="price">
                                            <div class="price-left">￥69.9</div>
                                            <div class="price-right">106人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                            </li>
                            <li class="col">
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/sm5.jpg"></dt>
                                        <dd class="name">电陶炉4000W-16</dd>

                                        <dd class="price">
                                            <div class="price-left">￥180</div>
                                            <div class="price-right">291人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/sm6.jpg"></dt>
                                        <dd class="name">燃气灶-燃气灶</dd>

                                        <dd class="price">
                                            <div class="price-left">￥562</div>
                                            <div class="price-right">317人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                            </li>
                            <li class="col">
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/sm7.jpg"></dt>
                                        <dd class="name">运动秋冬款小v领衫</dd>

                                        <dd class="price">
                                            <div class="price-left">￥305</div>
                                            <div class="price-right">593人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                                <div class="row row-shadow">
                                    <dl>
                                        <dt><img src="image/shopIndex/sm8.jpg"></dt>
                                        <dd class="name">保暖男衣裤加绒加厚</dd>

                                        <dd class="price">
                                            <div class="price-left">￥73.5</div>
                                            <div class="price-right">385人关注</div>
                                        </dd>

                                        <dd class="desc">
                                            <div class="btn-desc">马上试用</div>
                                        </dd>

                                    </dl>
                                </div>
                            </li>
                        </ul>
                    </div>
                </section>
            </div>

        </div>
    </div>
</main>


<!-- footer 页脚 -->
<div class="footer">
    <div class="footer-static-top">
        <div class="container">

            <div class="text-center footer-shipping pt-60 pb-55 pb-xs-25">
                <div class="row">
                    <div class="col-lg-3 col-md-6 col-sm-6 pb-sm-55 pb-xs-55">
                        <div class="li-shipping-inner-box">
                            <div class="shipping-text">
                                <div>
                                    <img src="image/login/footer-icon-user.png" alt="" style="display: inline-block;margin-left:-15px;">
                                    <h5 style="display: inline-block;padding-top:5px;margin-left:10px;">试用规则</h5>
                                </div>
                                <p style="margin-top:20px;">
                                    <ul style="margin:0 auto; width: 100px;">
                                        <li><a href="/introduce/2.html" target="_blank">试用行为规范</a></li>
                                        <li><a href="/introduce/12.html" target="_blank">新试界规条例</a></li>
                                    </ul>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 pb-sm-55 pb-xs-55">
                        <div class="li-shipping-inner-box">
                            <div class="shipping-text">
                                <div>
                                    <img src="image/login/footer-icon-help.png" alt="" style="display: inline-block;margin-left:-15px;">
                                    <h5 style="display: inline-block;padding-top:5px;margin-left:10px;">试客常见问题</h5>
                                </div>
                                <p style="margin-top:20px;">
                                <ul style="margin:0 auto; width: 100px;">
                                    <li><a href="/introduce/8.html" target="_blank">了解试用</a></li>
                                    <li><a href="/introduce/36.html" target="_blank">如何申请试用</a></li>
                                </ul>
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 col-sm-6 pb-sm-55 pb-xs-55">
                        <div class="li-shipping-inner-box">
                            <div class="shipping-text">
                                <div>
                                    <img src="image/login/footer-icon-seller.png" alt="" style="display: inline-block;margin-left:-15px;">
                                    <h5 style="display: inline-block;padding-top:5px;margin-left:10px;">商家常见问题</h5>
                                </div>
                                <p style="margin-top:20px;">
                                <ul style="margin:0 auto; width: 100px;">
                                    <li><a href="/introduce/9.html" target="_blank">什么是担保金</a></li>
                                    <li><a href="/introduce/6.html" target="_blank">发布试用流程</a></li>
                                </ul>
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 col-sm-6 pb-sm-55 pb-xs-55">
                        <div class="li-shipping-inner-box">
                            <div class="shipping-text">
                                <div>
                                    <img src="image/login/footer-icon-about.png" alt="" style="display: inline-block;margin-left:-15px;">
                                    <h5 style="display: inline-block;padding-top:5px;margin-left:10px;">关于我们</h5>
                                </div>
                                <p style="margin-top:20px;">
                                <ul style="margin:0 auto; width: 60px;">
                                    <li><a href="/introduce/5.html" target="_blank">联系我们</a></li>
                                    <li><a href="/introduce/4.html" target="_blank">关于我们</a></li>
                                </ul>
                                </p>
                            </div>
                        </div>
                    </div>


                </div>
            </div>

            <div class="row text-center" style="border-top:1px solid #ccc; margin-top:20px;">
                <p style="margin-top: 10px;">工作时间：周一至周五9：00 - 21：00；周六至周日9：00 - 18：00(法定节假日除外）商家咨询热线：180-4641-0856    368939984（QQ）</p>
                <p>如果您对我们的网站、服务有任何疑问或建议，请随时联系我们，我们将竭诚为您服务！</p>
                <p>
                    <span style="display: inline-block">
                        @2018 正元网络科技有限公司  晋ICP 18011419号 晋公网安备  14010902000563号
                    </span>
                    <img src="image/login/gongan.jpg" alt="" style="display: inline-block;" width="45" height="30">
                </p>
            </div>
        </div>
    </div>
</div>

<script src="js/shopIndex/modernizr.min.js" type="text/javascript"></script>
<script src="js/shopIndex/timber.js" type="text/javascript"></script>
<script type="text/javascript">
    jQuery(document).ready(function($) {
        if($('.quantity-wrapper').length) {
            $('.quantity-wrapper').on('click', '.qty-up', function() {
                var $this = $(this);
                var qty = $this.data('src');
                $(qty).val(parseInt($(qty).val()) + 1);
            });
            $('.quantity-wrapper').on('click', '.qty-down', function() {
                var $this = $(this);
                var qty = $this.data('src');
                if(parseInt($(qty).val()) > 1)
                    $(qty).val(parseInt($(qty).val()) - 1);
            });
        }
    });

    var tada_index, tada_autosearchcomplete, tada_swiftype, tada_ads, tada_adsspeed, tada_slideshowtime, tada_block1gallery = false,
        tada_block1product = false,
        tada_newsletter = false;
    tada_index = 1;
    tada_ads = 1;
    tada_adsspeed = 5000;
    tada_slideshowtime = 30000;
    tada_block1gallery = true;
    tada_block1product = true;
    tada_newsletter = true;
</script>
</body>
</html>